<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>面向对象开发TodoList</title>
    <script src="./index.js" type="text/javascript"></script>
  </head>
  <body>
    <!-- data-config: 属性配置 -->
    <div
      class="todo-wrap"
      data-config='{
    "plusBtn":"j-plus-btn"
    "inputArea":"input-wrap"
    "addBtn":"j-add-item"
    "list":"item-list"
    "itemClass":"item"
  }'
    >
      <div class="list-hd">
        <h2>TodoList</h2>
        <a href="javascript:;" class="j-plus-btn fa fa fa-plus"></a>
      </div>
      <div class="input-wrap">
        <div class="text-input">
          <input type="text" class="content" />
        </div>
        <div class="add-btn">
          <button class="j-add-item">增加项目</button>
        </div>
      </div>
    </div>
  </body>
</html>
